<template>
  <div class="deviceMain">
    <div class="mainUp">
      <div class="upSelect">
        <div class="everyBox" v-for="(item, index) in deviceLogs" :key="index">
          <span>{{ item }}</span>
          <select name="" id=""></select>
        </div>
      </div>
      <div class="upButton">
        <button>查 询</button>
      </div>
    </div>
    <div class="mainTable">
      <el-table
        :data="serverLog_TableData"
        border
        style="width: 100%; height: 100%"
      >
        <el-table-column type="index" label="" min-width="20">
        </el-table-column>
        <el-table-column prop="number" label="设备号" min-width="40">
        </el-table-column>
        <el-table-column prop="device_name" label="设备名称"> </el-table-column>
        <el-table-column prop="Type" label="日志类型" min-width="50">
        </el-table-column>
        <el-table-column prop="Date" label="日期"> </el-table-column>
        <el-table-column prop="Time" label="时间"> </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
const deviceLogs = ref(["日 志 类 型", "开 始 时 间", "设 备 号  ", "结 束 时 间"]);
const serverLog_TableData = ref([
  { number: "11", device_name: "22", Type: "12", Date: "110", Time: "10.23" },
  { number: "", device_name: "", Type: "", Date: "", Time: "10.23" },
  { number: "", device_name: "", Type: "", Date: "", Time: "10.36" },
  { number: "", device_name: "", Type: "", Date: "", Time: "114" },
]);
</script>
<style scoped>
@import url("./Device_loging.less");
</style>